<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Home</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %} <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">

        <!-- JS files -->
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
        
        <script>
            (function() {
                var cx = '013644121241718209522:vyzraasslum';
                var gcse = document.createElement('script');
                gcse.type = 'text/javascript';
                gcse.async = true;
                gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx;
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(gcse, s);
            })();
        </script>
    </head>
    <body>

        {% include "topmenu.html" %} <!-- Side bar -->

        <div class="container">
            <div class="row-fluid">

                {% include "sidebar.html" %} <!-- Side bar -->

                <div class="span9">
                    {% if redireccionar_home %}
                        <div class="alert">
                            <a href="/plataforma/" class="close" data-dismiss="alert">&times;</a>
                            <strong>Atención!</strong> No tiene permiso de ingresar a la página de actividades. Contacte con el administrador de su universidad.
                        </div>
                    {% endif %}
                    
                    <div class="page-header">
                        <h2>Bienvenido, <strong>{{ user.first_name }}</strong></h2>

                        {% if is_adm_institucional %}
                            <h4>Adm. Institucional -  <strong>{{universidad.nombre}}</strong></h4>
                        {% endif %}
                        {% if is_adm_regional %}
                            <h4>Adm. Regional -  <strong>{{universidad.pais.name}}</strong></h4>
                        {% endif %}
                        {% if is_admin %}
                            <h4><strong>Super Administrador</strong></h4>
                        {% endif %}
                    </div>

                    {% if message %}
                        <div class="alert alert-success">
                            {{ message }}
                        </div>
                    {% endif %}

                    <!--Google CSE -->
                    <div class="row-fluid">
                        <gcse:search></gcse:search>
                    </div>

                    <!--Carousel -->
                    <div class="row-fluid">
                        <div id="myCarousel" class="carousel slide">
                            <div class="carousel-inner">
                                <div class="item active">
                                    {% load staticfiles %}<img src="{% static "img/PasoA.png" %}" alt="Slide 1">
                                </div>
                                <div class="item">
                                    {% load staticfiles %}<img src="{% static "img/PasoB.png" %}" alt="Slide 1">
                                </div>
                                <div class="item">
                                    {% load staticfiles %}<img src="{% static "img/PasoC.png" %}" alt="Slide 1">
                                </div>
                            </div>
                            <!-- carousel-inner -->
                            <a href="#myCarousel" class="left carousel-control" data-slide="prev">&lsaquo;</a>
                            <a href="#myCarousel" class="right carousel-control" data-slide="next">&rsaquo;</a>
                        </div>
                    </div>
                    <!--Carousel -->

                    <div class="row-fluid">
                        <div class="span4">
                            <h2>Indicadores</h2>
                            <p>
                                Encontraras aquí los indicadores de Tercera Misión para completarlos o crearlos.
                            </p>
                        </div><!--/span-->
                        <div class="span4">
                            <h2>Buenas prácticas</h2>
                            <p>
                                Verifica este espacio para conocer o agregar tus buenas prácticas.
                            </p>
                        </div><!--/span-->
                        <div class="span4">
                            <h2>Reportes</h2>
                            <p>
                                Aquí conocerás las iniciativas y los trabajos realizados por las Universidades que participan del proyecto, descubrirás además datos a nivel mundial, regional y de tu propio país.
                            </p>
                        </div><!--/span-->
                    </div><!-- Highlights -->

                </div><!--/span-->
            </div><!--/row-->

            {% include "footer.html" %} <!-- Footer -->
        </div>
        <!-- /container -->
    </body>
</html>